/**
 * 
 */
function showLine(){
    require.config({  
  
            paths: {  
  
                echarts:'/static/js/echarts/js/echarts',  
  
                'echarts/chart/line':'/static/js/echarts/js/echarts',  
                'echarts/chart/bar':'/static/js/echarts/js/echarts'  
  
            }  
  
        });  
  
      //动态加载echarts，在回掉函数中使用，要注意保持按需加载结构定义图表路径  
  
        require(  
  
        [  
  
            'echarts',  
  
            'echarts/chart/line',  
            'echarts/chart/bar'
  
        ],  
        function (ec) {
            //--- 折柱 ---
            var myChart = ec.init(document.getElementById('right_show'));
            myChart.setOption({
            	title : {
                    text: object1.d2,
                    subtext: '',
                    textStyle:{
                    	fontSize: 18, 
                    	fontWeight: 'bolder', 
                    	color: '#ccc'
                    	},
                    subtextStyle:{color: '#aaa'}
                },
                tooltip : {
                    trigger: 'axis'
                	//backgroundColor:'#333'
                },
                legend: {
                    data:[object1['depth']],
                    x:'right',
                    y: 'center',
                    selected: true,
                    textStyle:{ color:'#ccc' }
                    //backgroundColor:'#FFA54F'
                },
                toolbox: {
                    show : true,
                    feature : {
                        mark : {show: false},
                        dataView : {show: true, readOnly: false},
                        magicType : {show: true, type: ['line', 'bar']},
                        restore : {show: true},
                        saveAsImage : {show: true}
                    }
                },
                calculable : true,
              //下拉
              dataZoom : {
                  show : true,
                  realtime: true,
                  start : 0,
                  end : 100,
                  backgroundColor:'rgba(0,0,0,0)',
                  dataBackgroundColor:'#ccc',
                  fillerColor:'rgba(144,197,237,0.2)',
                  handleColor:'rgba(70,130,180,0.8)',
              },
              grid:{
            	  borderWidth:0,
              },
                xAxis : [
                    {
                    	name:object1['latitude'],
                        type : 'category',
                        boundaryGap : false,
                        data : object2['latitude_d'],
                        axisLabel:{textStyle:{color: '#ccc'}},
                        splitLine:{show : false},
                    }
                ],
                yAxis : [
                    {
                    	name : object1['depth'],
                    	type : 'value',
                        axisLabel : {
                        	textStyle:{color: '#ccc'},
                            formatter: '{value}'
                        },
                        splitLine:{show : true,
                        	lineStyle:{color: '#666'}
                        },
                        scale: true,//设置坐标轴不是从0开始
                        precision:4,//设置Y轴精度,4代表最多4为小数
                        position:'bottom' | 'right'//横轴默认为类目型'bottom'，纵轴默认为数值型'left'，可选为：'bottom' | 'top' | 'left' | 'right'
                        //power:80
                    }
                ],
                series : [
                    {
                        name:object1['depth'],
                        type:'line',
                        data:object2['depth_d'],
                        markPoint : {
                            data : [
                                {type : 'max', name: '最大值'},
                                {type : 'min', name: '最小值'}
                            ],
                			itemStyle: {
                                normal: {
                                	color : '#FFA54F'
                                },
                                emphasis: {
                                	color : '#333'
                                }
                            }
                        },
                        markLine : {
                            data : [
                                {type : 'average', name: '平均值'}
                            ],
                            itemStyle: {
                                normal: {
                                	color : '#FFA54F'
                                },
                                emphasis: {
                                	color : '#FFA54F'
                                }
                            }
                        }
                    }
                ]
            });
            
        }
    );
}